<template>
	<view>
		<view style="background-color: #fff;padding: 50px 0 50px;">
			<u-icon name="checkmark-circle-fill" label="活动创建成功" labelPos="bottom" space="20" labelSize="18"
				:color="color_value" size="120"></u-icon>
				<u-text text="活动创建成功啦，邀请更多人来参与吧~" color="#909399" align="center" margin="20px 0 0 0"></u-text>
		</view>
		<view style="background-color: #fff;height: calc(100vh - 260px);padding: 50px 80rpx 0;">
			<u-button text="浏览活动" :color="color_value" @click="index" shape="circle" size="large"
				:customStyle="{marginBottom:'20px'}"></u-button>
			<u-button text="管理活动" @click="manage" shape="circle" size="large" type="warning"></u-button>
		</view>
	</view>
</template>

<script>
	import {
		mapGetters
	} from 'vuex';
	export default {
		computed: {
			...mapGetters({
				imgUrl: 'common/cdnurl',
				color: 'common/color',
				color_value: 'common/color_value',
			})
		},
		data() {
			return {
				id: 0,
				temp_name: '',
			};
		},
		onLoad: function(options) {
			// 插屏广告
			this.adUtils.cp.load('active_cp')
			this.utils.hideShare()
			this.id = options.id;
			this.temp_name = options.temp_name;
		},
		methods: {
			index() {
				this.utils.goreto('/pages/vote/index?vote_id=' + this.id)
			},
			manage() {
				this.utils.goreto('/pages/manage/manage?id=' + this.id)
			}
		}
	};
</script>

<style>
	page{
		height: 100vh;
	}
</style>
